.ss-platform-popover {
  &-wraper {}
  position: absolute;z-index: 1060;font-weight: 400;line-height: 1.42857143;
  text-align: left;background-color: #fff;white-space: normal;
  &-title {margin: 0;padding: 8px 14px;font-size: 14px;border-bottom: 1px solid #e8e8e8;}
  &-content {
    background: #fff;max-height: 220px;overflow-y: auto;box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
    &.menu li {
      overflow: hidden;list-style: none;padding: 0 10px;height: 32px;line-height: 32px;font-size: 12px;position: relative;cursor: pointer;
      &:hover {
        background: #f2f6ff;
        color: #008ed2 !important
      }
    }
    &.list {
      .tip {
        padding: 0 10px;
        color: #9f9f9f;height: 32px;line-height: 32px;font-size: 12px;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;
      }
      li {
        position: relative;padding: 0 30px 0 10px;height: 32px;line-height: 32px;font-size: 12px;cursor: pointer;overflow: hidden;list-style: none;
        a { font-size: 12px;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;}
        &.current:after {
          content: "\E034";text-align: center;font-weight: 400 !important;text-decoration: none !important;
          -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-stroke-width: .22px;
          position: relative;font-family: ssicon;padding-left: 1px;position: absolute;color: #008ed2;right: 10px;top: 0;
          @media only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
            -webkit-text-stroke-width: .1px
          }
        }
        &:hover {background: #f2f6ff}
        &:last-child {border: none}
      }
    }
  }
}
